<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src = 'script/jquery-1.10.2.min.js'></script>
        <script>
            jQuery(function($) {
                /*
                    ajax(...)

                    服务器地址 [url]
                        ...

                    传参 [data]
                        ...

                    回调函数
                        beforeSend
                        error
                        success
                        complete

                    返回的数据类型 [dataType]
                        xml
                        text
                        html
                        json
                        script

                    发送类型 [type]
                        get | post

                    异步和同步 [async]
                        true 异步 ajax请求后不影响做页面的其他操作
                        false 同步 ajax请求后不能做页面的其他操作

                 */

                $('#btn1').click(function() {
                    /*$.ajax({
                        url : 'myPic.jsp',
                        data : {a:1,b:2},
                        //data : 'a=1&b=2',
                        type : 'get',
                        dataType : 'xml',
                        async : false,
                        //beforeSend : function() {alert('beforeSend');},
                        error : function() {alert('对不起！无法访问！请检查网络！');},
                        success : function(d) {alert('success\n' + typeof(d));},
                        //complete : function() {alert('complete');}
                    });*/

                    /*$.get('back.txt', function(d) {
                        alert(d);
                    });*/

                    /*$.post('back.txt', function(d) {
                        alert(d);
                    });*/

                    /*$.getScript('test.js', function() {
                        fun1();
                    });*/

                    /*$.getJSON('back.txt', function(d) {
                        alert(d);
                    });*/

                    /*$('body').load('menu.html');*/
                });

                $('#btn2').click(function() {
                    alert('按钮2点击了!');
                });
            });
        </script>
    </head>

    <body>
        <button id = 'btn1'>运行ajax</button>
        <button id = 'btn2'>测试按钮</button>
    </body>
</html>